<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Pagina di registrazione</title>

<script language=javascript type="text/javascript">
function validazioneModulo(modulo) {
	var espressione = /^[0-9]{4}\/[0-9]{2}\/[0-9]{2}$/;  
	var mailExpr= /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+.([a-zA-Z])+([a-zA-Z])+/;
	if (modulo.email.value == "") {
		alert ("Attenzione!!! Hai dimenticato di inserire l'indirizzo email!")
		modulo.email.focus()
		return false
	}
	if(!mailExpr.test(modulo.email.value)) {
		alert ("Attenzione!!! Formato della mail errato!")
		modulo.email.focus()
		return false
	}
	if (modulo.nome.value == "") {
		alert ("Attenzione!!! Hai dimenticato di inserire il tuo nome!")
		modulo.nome.focus()
		return false
	}
	if (modulo.cognome.value == "") {
		alert ("Attenzione!!! Hai dimenticato di inserire il tuo cognome!")
		modulo.cognome.focus()
		return false
	}
	if (modulo.password.value == "") {
		alert ("Attenzione!!! Hai dimenticato di inserire la password!")
		modulo.password.focus()
		return false
	}
	if (modulo.password.value != modulo.conferma.value) {
		alert ("Attenzione!!! Errore nella conferma password!")
		modulo.password.focus()
		modulo.conferma.select()
		return false
	}
	if(!espressione.test(modulo.data.value)) {
		alert ("Attenzione!!! Formato della data errato! AAAA/MM/GG è il corretto.")
		modulo.data.focus()
		return false
	}
	return true
}
</script>

<link rel="stylesheet" type="text/css" href="/ProgettoWeb/Style/style.css" />
</head>
<body>
	<script type="text/javascript" src="/ProgettoWeb/js/jquery.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$('#header').load('/ProgettoWeb/Common/header.jsp');
		$('#menu').load('/ProgettoWeb/Common/menu.jsp');
		$('#onFooter').load('/ProgettoWeb/Common/onFooter.jsp');
		$('#footer').load('/ProgettoWeb/Common/footer.jsp');
	});
	</script>
	
	<div id="header"></div>
	<div id="menu"></div>

	<%String error;
	error = (String) session.getAttribute("error");
	if(error!=null && error.length()>0){
		if(error.equals("mail")){
		%>La mail inserita esiste gia'! Utilizza una mail diversa!
		<%}
	}%>
	
	<h1>Inserimento dati</h1>
	<br>
	<FORM METHOD="POST" NAME ="check" ACTION="/ProgettoWeb/NewUser.html" onSubmit="return validazioneModulo(this)">
		<table align="center" border="0" cellpadding="1" cellspacing="2" width="100%">

			<TBODY>

				<tr>
					<td align="left" width="0%">Email:</td>
					<td align="left" width="100%"><INPUT id="email" name="email"
						type="text" value=""></td>
				</tr>

				<tr>
					<td align="left" width="0%">Nome:</td>
					<td align="left" width="100%"><INPUT id="nome" name="nome"
						type="text" value=""></td>
				</tr>

				<tr>
					<td align="left" width="0%">Cognome:</td>
					<td align="left" width="100%"><INPUT id="cognome"
						name="cognome" type="text" value=""></td>
				</tr>
				
				<tr>
					<td align="left" width="0%">Password:</td>
					<td align="left" width="100%"><INPUT id="password"
						name="password" type="password" value=""></td>
				</tr>
				
				<tr>
					<td align="left" width="0%">Verifica Password:</td>
					<td align="left" width="100%"><INPUT id="conferma"
						name="conferma" type="password" value=""></td>
				</tr>

				<tr>
					<td align="left" width="0%">Data di nascita:</td>
					<td align="left" width="100%"><INPUT id="data" name="data"
						type="text" value="aaaa/mm/dd"></td>
				</tr>

				<tr>
					<td align="left" width="0%">Numero di telefono:</td>
					<td align="left" width="100%"><INPUT id="numTel" name="numTel"
						type="text" value=""></td>
				</tr>

				<tr>
					<td align="left" width="0%">Numero di cellulare:</td>
					<td align="left" width="100%"><INPUT id="numCel" name="numCel"
						type="text" value=""></td>
				</tr>

				<tr>
					<td align="left" width="0%"></td>
					<td align="left" width="50%"><input type="submit"
						value="inserisci"></td>
				</tr>

			</TBODY>

		</table>
	</FORM>
	
	<%session.removeAttribute("error");%>
	
	<div id="onFooter"></div>
	<div id="footer"></div>
</body>
</html>